<template>
    <div class="container_index">
        <div class="header">
            <img
                class="icon_del"
                src="@/assets/images/index/del.png"
                @click="goBack" />
            <span class="header_text">订单关闭通知</span>
        </div>
        <div class="content">
            <img
                class="icon_res"
                src="@/assets/images/index/icon_orange.png"
                @click="goBack" />
            <p class="tip1">很抱歉,您的订单存在风险已经关闭</p>
            <p style="color: grey">亲,您的订单存在刷单风险平台已将其关闭,您可查看平台安全通知消息进行申诉</p>
            <div
                class="btn"
                @click="handleClick">
                我知道了
            </div>
        </div>
    </div>
</template>
<script>
import { Notify } from 'vant';
import { setToken } from '@/utils/auth';
export default {
    data() {
        return {
            selectedCountryCode: '+86',
            countryCodeOptions: [
                { text: '+86', value: '+86' },
                { text: '+00', value: '+00' },
            ],
            phone: '',
            isKeyboardShow: false,
            isPhoneInvalid: true, //默认手机号未通过验
            hasAgreedToTerms: false, // 新增数据属性，表示用户是否同意协议
        };
    },
    methods: {
        goBack() {
            this.$router.go(-1);
        },
        handleClick() {
            console.log('我知道了');
        },
    },
};
</script>
<style lang="scss" scoped>
.container_index {
    max-width: 750px;
    text-align: left;
    padding: 3rem 2rem;
    .header {
        color: gray;
        font-size: 1.1rem;
        &_text {
            margin-left: 0.3rem;
        }
    }
    .icon_del {
        width: 0.8rem;
        // position: absolute;
        // left: 0;
        // top: 0.5rem;
        // padding: 5px 5px 5px 18px;
    }
    .content {
        text-align: center;
        margin-top: 8rem;
        .tip1 {
            font-size: 1.1rem;
            margin-top: 2.5rem;
        }
        .btn {
            color: rgb(249, 133, 63);
            border: 2px solid rgb(249, 133, 63);
            width: 5rem;
            height: 2rem;
            border-radius: 2rem;
            text-align: center;
            line-height: 2rem;
            padding: 0.3rem 1rem;
            margin: auto;
            margin-top: 2rem;
        }
    }
    .icon_res {
        width: 6rem;
    }
}
</style>
